<template>
  <Dialog :appDialog="appDialog">
    <div class="allcontent">
      <div class="content">
        <div :class="[clubChoose == 1 ? 'column both' : 'column']" @click="clubChoose = 1"><img
            src="@/assets/customer/person.png" /><span class="text">个人客户</span></div>
        <div :class="[clubChoose == 2 ? 'column both' : 'column']" @click="clubChoose = 2"><img
            src="@/assets/customer/customer.png" /><span class="text">企业客户</span></div>
      </div>
    </div>
    <div class="tiptext">
      <el-checkbox v-model="ischecked">勾选之后，将不再提醒</el-checkbox>
    </div>
  </Dialog>


</template>
<script setup lang="tsx">

import Dialog from '@/components/Dialog.vue'
import { ref, reactive, computed, watch, withDefaults, markRaw } from 'vue'

const getImageUrl = (name: string): any => {
  return new URL(`../../../../../assets/customer/${name}.png`, import.meta.url).href
}

type Props = {
  modelValue: boolean,
  popoverTop: number,
  popoverLeft: number,
  popoverContacts: [],
  customerItem: object
}

const propData = defineProps<Props>()

const emit = defineEmits(['update:modelValue'])

const close = () => {
  emit('update:modelValue', false)
}
let x = ref<string>('0')
let y = ref<string>('0')

watch(propData, (newVal) => {
  const { popoverContacts: popoverContacts = [], popoverLeft: popoverLeft = 0, popoverTop: popoverTop = 0 } = newVal
  x.value = `${popoverLeft + 16}px`
  y.value = `${popoverTop - 2 - popoverContacts.length * 60 / 2}px`
})



</script>
<style scoped lang="scss">
</style>
